var myChart = echarts.init(document.getElementById("dis"));
var mysale = echarts.init(document.getElementById("mysale"));

//指定图标的配置项和数据
var option = {
    title:{
        text:"商品销量"
    },
    color:['#FF8400'],
    //提示框，鼠标悬浮交互时的信息提示
    tooltip:{},
    //图例
    legend:{
        data:"销量"
    },
    //直接坐标系中横轴数组，数组中每一项代表一条横轴坐标轴
    xAxis:{
        data:[],
        axisLabel: {
            interval: 0,
            formatter:function(value)
            {
                return value.split("").join("\n");
            }
        }
    },
    yAxis:{},
    //sereis的数据: 用于设置图表数据之用
    series:[{
        name:"销量",
        //图表类型，必要参数
        type:"bar",
        //系列中的数据内容数组
        data:[]
    }]
}
var saleOption = {
    title:{
        text:"销量比例",
        x:"center"
    },
    //图例
    legend:{
        //布局方式，默认为水平布局，可选为：“horizontal”，“vertical”
        orient:"vertical",
        //水平安放位置，默认为全图居中
        x:"left",
        //垂直安放位置，默认为全图顶端
        y:"center",
        data:[]
    },
    series:[{
        name:"水果销量",
        type:"pie",
        //设置环形饼状图， 第一个百分数设置内圈大小，第二个百分数设置外圈大小
        radius:['50%','70%'],
        avoidLabelOverlap:false,
        //设置值域的标签
        label:{
            normal:{
                show:false,
                position:'center'
            },
            //设置鼠标放到哪一块扇形上面的时候，扇形样式、阴影
            emphasis:{
                show:true,
                textStyle:{
                    fontSize:'30',
                    fontWeight:'bold'
                }
            }
        },
        //设置值域的那指向线
        labelLine:{
            //show设置线是否显示，默认为true
            normal:{show:false}
        },
        data:[
        ]

    }]

}
//使用刚指定的配置项和数据显示图表
myChart.setOption(option);
mysale.setOption(saleOption);

$.ajax({
    url:'http://localhost:8088/order/graphic.do',
    type:'GET',
    data:{shapeid:1},
    dataType:'JSON',
    success:function(res){
        myChart.setOption({
            xAxis: {
                data: res.xAxis
            },
            series:{
                data:res.series
            }
        })
    }
});

$.ajax({
    url:'http://localhost:8088/order/graphic.do',
    type:'GET',
    data:{shapeid:2},
    dataType:'JSON',
    success:function (res) {
        mysale.setOption({
            legend: {
                data: res.xAxis
            },
            series: {
                data: res.series
            }
        });
    }
})